<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Site Name</title>
<link type="text/css" rel="stylesheet" href="css/style.css"/>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.js"></script>
<script type="text/javascript">
$(function() {

})
</script>
</head>
<body>
<div id="header">
	<div class="wrapper"><a href="#"><img src="images/logo.png" /></a></div>	
</div>
<div id="nav">
	<div class="wrapper">
		<div class="left">
			<a href="#" class="b red">首页</a><span>-</span><a href="#" class="b">广场</a>
			<a href="#">服饰</a><a href="#">时尚</a><a href="#">鞋包</a><a href="#">电器</a><a href="#">食品</a><a href="#">母婴</a><a href="#">家居</a><a href="#">其他</a>
			<a href="#" class="b">团购</a><a href="#" class="b">兑换</a> 
		</div>
		<div class="right">
			<p><span>您当前拥有<b>2012</b>积分</span><a href="#">分享好东西</a></p>
			<a href="#" class="btn">签到</a>
		</div>
		<div class="clearit"></div>
	</div>
</div>
<div id="subNav">
	<div class="wrapper">
		<ul>
			<li class="itemA"><a href="#">服装</a><a href="#">鞋子</a><a href="#">包包</a><a href="#">配饰</a></li>
			<li class="itemB"><a href="#">家装</a><a href="#">卧室</a><a href="#">厨房</a><a href="#">阳台</a></li>
			<li class="itemC"><a href="#">护肤</a><a href="#">彩妆</a><a href="#">品牌</a><a href="#">功效</a></li>
			<li class="itemD"><a href="#">零食</a><a href="#">特色食品</a><a href="#">茶酒冲饮</a></li>
		</ul>
	</div>
</div>
<div id="index">
	<div class="itemA">
		<div class="left">
		
<div class="banner">
	<div class="bd">
	  <ul>
		<li>
			<a class="topicBg" href="#" target="_blank" style="background-image:url(images/b1.jpg)"></a>
			<div class="itemText">
			  <h3>一个人也可以很好</h3>
			  <span>by <a href="#" target="_blank"><em>阿布大人</em></a></span><p>不记得从什么时候开始，不再为回忆里的那些思绪而彻夜难眠，<br>不再因为曾经共同去过的地方而排斥去那里，<br>不再每次夜深人静的时候翻看过去的手机短信，<br>寂寞不可怕，有时候习惯了也就好了。 </p>
			</div>
		</li>
		<li>
			<a class="topicBg" href="#" target="_blank" style="background-image:url(images/b1.jpg)"></a>
			<div class="itemText">
			  <h3>一个人也可以很好</h3>
			  <span>by <a href="#" target="_blank"><em>阿布大人</em></a></span><p>不记得从什么时候开始，不再为回忆里的那些思绪而彻夜难眠，<br>不再因为曾经共同去过的地方而排斥去那里，<br>不再每次夜深人静的时候翻看过去的手机短信，<br>寂寞不可怕，有时候习惯了也就好了。 </p>
			</div>
		</li>
		<li>
			<a class="topicBg" href="#" target="_blank" style="background-image:url(images/b1.jpg)"></a>
			<div class="itemText">
			  <h3>一个人也可以很好</h3>
			  <span>by <a href="#" target="_blank"><em>阿布大人</em></a></span><p>不记得从什么时候开始，不再为回忆里的那些思绪而彻夜难眠，<br>不再因为曾经共同去过的地方而排斥去那里，<br>不再每次夜深人静的时候翻看过去的手机短信，<br>寂寞不可怕，有时候习惯了也就好了。 </p>
			</div>
		</li>
		<li>
			<a class="topicBg" href="#" target="_blank" style="background-image:url(images/b1.jpg)"></a>
			<div class="itemText">
			  <h3>一个人也可以很好</h3>
			  <span>by <a href="#" target="_blank"><em>阿布大人</em></a></span><p>不记得从什么时候开始，不再为回忆里的那些思绪而彻夜难眠，<br>不再因为曾经共同去过的地方而排斥去那里，<br>不再每次夜深人静的时候翻看过去的手机短信，<br>寂寞不可怕，有时候习惯了也就好了。 </p>
			</div>
		</li>
		<li>
			<a class="topicBg" href="#" target="_blank" style="background-image:url(images/b1.jpg)"></a>
			<div class="itemText">
			  <h3>一个人也可以很好</h3>
			  <span>by <a href="#" target="_blank"><em>阿布大人</em></a></span><p>不记得从什么时候开始，不再为回忆里的那些思绪而彻夜难眠，<br>不再因为曾经共同去过的地方而排斥去那里，<br>不再每次夜深人静的时候翻看过去的手机短信，<br>寂寞不可怕，有时候习惯了也就好了。 </p>
			</div>
		</li>
	  </ul>
	</div>
	<div class="hd">
	  <ul>
		<li>
			<img src="images/s1.jpg" />
		 	<p>一个人也可以很好</p>
		</li>
		<li>
			<img src="images/s1.jpg" />
		 	<p>扒一扒单身的好处！</p>
		</li>
		<li>
			<img src="images/s1.jpg" />
		 	<p>你为什么是单身?</p>
		</li>
		<li>
			<img src="images/s1.jpg" />
		 	<p>新的一天从保湿开始！</p>
		</li>
		<li>
			<img src="images/s1.jpg" />
		 	<p>药补不如食补</p>
		</li>
	  </ul>
	</div>
</div>
<script type="text/javascript">jQuery(".banner").slide({ mainCell:".bd ul",effect:"left",autoPlay:true });</script>

		</div>
		<div class="right">
			<a href="#"><img src="images/p1.jpg" /></a>
		</div>
		<div class="clearit"></div>
	</div>
	<div class="itemB">
		<h2>聚团购</h2>
		<ul>
			<li><a href="#"><img src="images/p2.jpg" /></a><span class="title"><a href="#">学院风粉果包包</a></span><span class="num">已有600人购买</span></li>
			<li><a href="#"><img src="images/p2.jpg" /></a><span class="title"><a href="#">学院风粉果包包</a></span><span class="num">已有600人购买</span></li>
			<li><a href="#"><img src="images/p2.jpg" /></a><span class="title"><a href="#">学院风粉果包包</a></span><span class="num">已有600人购买</span></li>
			<li><a href="#"><img src="images/p2.jpg" /></a><span class="title"><a href="#">学院风粉果包包</a></span><span class="num">已有600人购买</span></li>
			<li><a href="#"><img src="images/p2.jpg" /></a><span class="title"><a href="#">学院风粉果包包</a></span><span class="num">已有600人购买</span></li>
		</ul>
		<a href="#" class="more">更多>></a>
	</div>
	<div class="itemC">
		<h2>类目推荐</h2>
		<div class="partA">
			<a href="#" class="a1">女装</a>
			<a href="#" class="a2">母婴</a>
			<a href="#" class="a3">饰品</a>
			<a href="#" class="a4">美妆</a>
			<a href="#" class="a5">家居</a>
			<a href="#" class="a6">男装</a>
		</div>
		<div class="partB">
			<a href="#" class="a7">食品</a>
			<a href="#" class="a8">鞋类</a>
			<a href="#" class="a9">电器</a>
			<a href="#" class="a10">电器</a>
			<a href="#" class="a11">电器</a>
			<a href="#" class="a12">电器</a>
		</div>
		<div class="partC">
			<a href="#" class="a13">包包</a>
		</div>
		<a href="#" class="more">更多>></a>
	</div>
	<div class="itemD">
		<div class="title"><img src="images/t1.gif" /><p>我们在为生活、努力拼搏着 我们在为理想、苦苦奋斗着 在拼搏、奋斗着的时候别忘了 岁月，如同流水一样 突然挣开眼睛看看...</p></div>
		<div class="left">
			<a href="#"><img src="images/p4.jpg" /></a>
			<strong><a href="#">修身 正品韩版獭兔大毛领白色反季羽绒服女中长款潮</a><span>1212</span></strong>
			<p>修身 正品韩版獭兔大毛领白色反季羽绒服女中长款潮修身 正品韩版獭兔大毛领白色反季羽绒服女中长款潮</p>
		</div>
		<div class="right">
			<ul>
				<li>
					<a href="#"><img src="images/p5.jpg" /></a>
					<p class="p1"><a href="#">学院风粉果包包粉果包包</a></p>
					<p class="p2"><span>88</span>久趣服饰专营店</p>
					<p class="p3"><img src="images/p6.jpg" />糖糖：是我喜欢的感觉诶...</a></p>
				</li>
				<li>
					<a href="#"><img src="images/p5.jpg" /></a>
					<p class="p1"><a href="#">学院风粉果包包粉果包包</a></p>
					<p class="p2"><span>88</span>久趣服饰专营店</p>
					<p class="p3"><img src="images/p6.jpg" />糖糖：是我喜欢的感觉诶...</a></p>
				</li>
				<li>
					<a href="#"><img src="images/p5.jpg" /></a>
					<p class="p1"><a href="#">学院风粉果包包粉果包包</a></p>
					<p class="p2"><span>88</span>久趣服饰专营店</p>
					<p class="p3"><img src="images/p6.jpg" />糖糖：是我喜欢的感觉诶...</a></p>
				</li>
				<li>
					<a href="#"><img src="images/p5.jpg" /></a>
					<p class="p1"><a href="#">学院风粉果包包粉果包包</a></p>
					<p class="p2"><span>88</span>久趣服饰专营店</p>
					<p class="p3"><img src="images/p6.jpg" />糖糖：是我喜欢的感觉诶...</a></p>
				</li>
			</ul>
		</div>
		<div class="clearit"></div>
	</div>
	<div class="itemD">
		<div class="title"><img src="images/t2.gif" /><p>我们在为生活、努力拼搏着 我们在为理想、苦苦奋斗着 在拼搏、奋斗着的时候别忘了 岁月，如同流水一样 突然挣开眼睛看看...</p></div>
		<div class="left">
			<a href="#"><img src="images/p4.jpg" /></a>
			<strong><a href="#">修身 正品韩版獭兔大毛领白色反季羽绒服女中长款潮</a><span>1212</span></strong>
			<p>修身 正品韩版獭兔大毛领白色反季羽绒服女中长款潮修身 正品韩版獭兔大毛领白色反季羽绒服女中长款潮</p>
		</div>
		<div class="right">
			<ul>
				<li>
					<a href="#"><img src="images/p5.jpg" /></a>
					<p class="p1"><a href="#">学院风粉果包包粉果包包</a></p>
					<p class="p2"><span>88</span>久趣服饰专营店</p>
					<p class="p3"><img src="images/p6.jpg" />糖糖：是我喜欢的感觉诶...</a></p>
				</li>
				<li>
					<a href="#"><img src="images/p5.jpg" /></a>
					<p class="p1"><a href="#">学院风粉果包包粉果包包</a></p>
					<p class="p2"><span>88</span>久趣服饰专营店</p>
					<p class="p3"><img src="images/p6.jpg" />糖糖：是我喜欢的感觉诶...</a></p>
				</li>
				<li>
					<a href="#"><img src="images/p5.jpg" /></a>
					<p class="p1"><a href="#">学院风粉果包包粉果包包</a></p>
					<p class="p2"><span>88</span>久趣服饰专营店</p>
					<p class="p3"><img src="images/p6.jpg" />糖糖：是我喜欢的感觉诶...</a></p>
				</li>
				<li>
					<a href="#"><img src="images/p5.jpg" /></a>
					<p class="p1"><a href="#">学院风粉果包包粉果包包</a></p>
					<p class="p2"><span>88</span>久趣服饰专营店</p>
					<p class="p3"><img src="images/p6.jpg" />糖糖：是我喜欢的感觉诶...</a></p>
				</li>
			</ul>
		</div>
		<div class="clearit"></div>
	</div>
	<div class="itemD">
		<div class="title"><img src="images/t3.gif" /><p>我们在为生活、努力拼搏着 我们在为理想、苦苦奋斗着 在拼搏、奋斗着的时候别忘了 岁月，如同流水一样 突然挣开眼睛看看...</p></div>
		<div class="left">
			<a href="#"><img src="images/p4.jpg" /></a>
			<strong><a href="#">修身 正品韩版獭兔大毛领白色反季羽绒服女中长款潮</a><span>1212</span></strong>
			<p>修身 正品韩版獭兔大毛领白色反季羽绒服女中长款潮修身 正品韩版獭兔大毛领白色反季羽绒服女中长款潮</p>
		</div>
		<div class="right">
			<ul>
				<li>
					<a href="#"><img src="images/p5.jpg" /></a>
					<p class="p1"><a href="#">学院风粉果包包粉果包包</a></p>
					<p class="p2"><span>88</span>久趣服饰专营店</p>
					<p class="p3"><img src="images/p6.jpg" />糖糖：是我喜欢的感觉诶...</a></p>
				</li>
				<li>
					<a href="#"><img src="images/p5.jpg" /></a>
					<p class="p1"><a href="#">学院风粉果包包粉果包包</a></p>
					<p class="p2"><span>88</span>久趣服饰专营店</p>
					<p class="p3"><img src="images/p6.jpg" />糖糖：是我喜欢的感觉诶...</a></p>
				</li>
				<li>
					<a href="#"><img src="images/p5.jpg" /></a>
					<p class="p1"><a href="#">学院风粉果包包粉果包包</a></p>
					<p class="p2"><span>88</span>久趣服饰专营店</p>
					<p class="p3"><img src="images/p6.jpg" />糖糖：是我喜欢的感觉诶...</a></p>
				</li>
				<li>
					<a href="#"><img src="images/p5.jpg" /></a>
					<p class="p1"><a href="#">学院风粉果包包粉果包包</a></p>
					<p class="p2"><span>88</span>久趣服饰专营店</p>
					<p class="p3"><img src="images/p6.jpg" />糖糖：是我喜欢的感觉诶...</a></p>
				</li>
			</ul>
		</div>
		<div class="clearit"></div>
	</div>
	<div class="itemE"><img src="images/p3.jpg" /></div>
</div>

</body>
</html>
